<p-dialog [(visible)]="display" modal="modal"  [responsive]="true" [width]="width" (onHide)="closeEquementMask(false)">
  <p-header>
    <!--{{title}}-->
    添加设备
  </p-header>
  <div class="ui-g">
    <div class="ui-g-12 ui-md-12 ui-lg-12 ">
      <div class="mysearch">
        <div class="ui-g">
          <!--
          <div class="ui-g-6 ui-sm-12">
            <label class="ui-g-2 ui-sm-5 text-right">设备编号:</label>
            <div class="ui-g-3  ui-sm-7 ui-fluid">
              <input pInputText type="text" name="sid" placeholder="" [(ngModel)]="queryModel.condition.ano" />
            </div>
            <label class="ui-g-2 ui-sm-5 ui-no-padding-left-15px text-right">设备名称:</label>
            <div class="ui-g-3 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
              <input  pInputText type="text" name="name" placeholder="" [(ngModel)]="queryModel.condition.name"  />
            </div>
          </div>
          <div class="ui-g-6 ui-sm-12">
            <label class="ui-g-2 ui-sm-5 text-right">设备编号:</label>
            <div class="ui-g-3  ui-sm-7 ui-fluid">
              <input pInputText type="text" name="sid" placeholder="" [(ngModel)]="queryModel.condition.ano" />
            </div>
            <div class="ui-g-3  ui-sm-7 ui-fluid">
              <button pButton type="button" label="查询" ngClass="ui-sm-12" (click)="suggestInsepectiones()" ></button>
              <button pButton  label="清空" ngClass="ui-sm-12"  (click)="clearSearch()"></button>
            </div>
          </div>
          <div class="ui-g-4 ui-sm-12">

          </div>
          -->
          <div class="ui-g-3">
            <label class="ui-g-4 text-right">设备编号:</label>
            <div class="ui-g-8  ui-fluid">
              <input pInputText type="text" name="sid" placeholder="" [(ngModel)]="queryModel.condition.ano" />
            </div>
          </div>
          <div class="ui-g-3">
            <label class="ui-g-4 text-right">设备名称:</label>
            <div class="ui-g-8  ui-fluid">
              <input pInputText type="text" name="name" placeholder="" [(ngModel)]="queryModel.condition.name" />
            </div>
          </div>
          <div class="ui-g-3">
            <label class="ui-g-4 text-right">设备状态:</label>
            <div class="ui-g-8  ui-fluid">
              <input pInputText type="text" name="status" placeholder="" [(ngModel)]="queryModel.condition.status" />
            </div>
          </div>
          <div class="ui-g-3">
            <div class="ui-g-5  ui-fluid">
              <button pButton type="button" label="查询" ngClass="ui-sm-12" (click)="suggestInsepectiones()" ></button>
            </div>
            <div class="ui-g-5  ui-fluid">
              <button pButton  label="清空" ngClass="ui-sm-12"  (click)="clearSearch()"></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="ui-g">
    <div class="ui-g-12">
      <div class="file-box">
        <p-dataTable emptyMessage="没有数据" [value]="dataSource" [lazy]="true"
                     [totalRecords]="totalRecords" [(selection)]="selectMaterial"  [stacked]="stacked" [responsive]="true" >
          <!--<p-header>设备信息</p-header>-->
          <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column>

          <p-column  *ngFor="let col of cols" field="{{col.field}}" header="{{col.header}}"></p-column>

        </p-dataTable>
        <p-paginator rows="10" [totalRecords]="totalRecords" [rowsPerPageOptions]="[10,20,30]" (onPageChange)="paginate($event)"></p-paginator>

      </div>
    </div>
  </div>
  <p-footer>
    <button type="button" pButton icon="fa-check" label="确定"  (click)="formSubmit(false)"></button>
    <button type="button" pButton icon="fa-close"  label="取消" (click)="closeEquementMask(false)"></button>
  </p-footer>
</p-dialog>
